 <template>
  <div class="ProSun">
    ProSun
    <h2>用户名:{{name}} -- 年龄：{{age}}---性别：{{sex}}</h2>
    <button @click="sunclickFun">给父组件传值</button>
    <button @click="changedRoutr">路由跳转</button>
    
  </div>
 </template>
 <script setup>
 import { useRouter} from 'vue-router'
   const router = useRouter()

   const props = defineProps({
    name:{
      type:String,
      default:'YS'
    },
    age:{
      type:Number,
      default:18
    },
    sex:{
      type:String,
      default:'man'
    }
   })
   console.log("props",props);
   
   const emits = defineEmits(['SunBtnClick'])

   function sunclickFun(){
    console.log("sunclickFun");
    // 调用 emits 对外 发出 SunBtnClick 事件 带有参数
    emits('SunBtnClick','sun参数')

   }
   function sunFun(){
    console.log('我是sun 的内部方法');
   }
   function changedRoutr(){
    router.push("/profile/Message")
   }

   function sunFun2(){
    console.log("这里可以暴露多个方法出去");
   }
  //  这里需要 把 你要给父组件的方法 暴露出去
  defineExpose({
    sunFun,
    sunFun2
  })
 </script>
 <style lang="less" scoped>
 
 </style>